<template>
    <div class="tmpl">
        <!-- 1.0轮播图 -->
      <lunbo :phoList="imgList"></lunbo>

        <!-- 2.0 九宫格 -->
      <div class="mui-content">
              <ul class="mui-table-view mui-grid-view mui-grid-9">
                  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <router-link to="/news/newslist">
                          <span class="mui-icon mui-icon-home"></span>
                          <div class="mui-media-body">新闻资讯</div>
                    </router-link>
                  </li>
                  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <router-link to="/photo/imglist">
                          <span class="mui-icon mui-icon-email"></span>
                          <div class="mui-media-body">图片分享</div>
                    </router-link>
                  </li>
                  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <router-link to="/goods/goodShow">
                          <span class="mui-icon mui-icon-chatbubble"></span>
                          <div class="mui-media-body">商品购买</div>
                    </router-link></li>
                  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <router-link to="/feedback/feedback">
                          <span class="mui-icon mui-icon-location"></span>
                          <div class="mui-media-body">留言反馈</div>
                    </router-link>
                  </li>
                  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/video/video">
                          <span class="mui-icon mui-icon-search"></span>
                          <div class="mui-media-body">视频专区</div></router-link></li>
                  <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/demo/pc">
                          <span class="mui-icon mui-icon-phone"></span>
                          <div class="mui-media-body">联系我们</div></router-link></li>

              </ul>
      </div>
    </div>
</template>

<script type="text/javascript">
import lunbo from "./subcom/lunbo.vue"
  export default{
    data(){
      return {
        imgList: [
          {src: 1},
          {src: 2},
          {src: 3}

        ]
      }
    },
    components: {
      lunbo
    }

  }
</script>

<style type="text/css" scoped>
  .mint-swipe{
    height: 300px;
  }
  .mint-swipe-item{

  }
</style>